<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="/static/pic/favicon.png">
    {% block title %}

    {% endblock %}
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/static/blog/css/home_base_site.css">
</head>
<body>
{#通天栏#}
<div id="blogTitle">
    <h1><span id="Header1_HeaderTitle">{{ blog_obj.title }}</span></h1>
    <h2>你的意志是什么，在无数次的碰壁之后，你还会紧紧握住他吗</h2>
</div>
{#导航栏#}
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a class="navbar-brand" href="/index/">博客园</a>
                </li>
                <li class=""><a href="/{{ username }}/">文章<span class="sr-only">(current)</span></a></li>
                <li><a href="/back_stage/" class="manage">管理</a></li>
            </ul>
        </div>
    </div>
</nav>
{#主体#}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-3">
            {% load my_tags %}
            {% get_classification_style username %}

        </div>
        <div class="col-md-9">
        {% block content %}


        {% endblock %}
        </div>
    </div>
</div>
{#分页器#}
{% block paginator %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6 col-lg-offset-3">
                    <nav aria-label="Page navigation" class="home_site_paginator" style="display: none">
        <ul class="pagination">
{#              上一页#}
        {% if current_page.has_previous %}
            <li>
                <a class="ends" href="?page={{ current_page.previous_page_number }}" aria-label="Previous">
                    <span aria-hidden="true">上一页</span>
                </a>
            </li>
        {% else %}
{#            如果没有上一页了，就把标签禁止，且没有连接#}
            <li class="disabled">
                <a class="ends" href="" aria-label="Previous">
                    <span aria-hidden="true">上一页</span>
                </a>
            </li>
        {% endif %}
{#              中间的页码#}
            {% for page in page_range %}
{#                如果循环的页码等于当前的页码，就添加active#}
                {% if current_page_num == page%}
                    <li class="active"><a href="?page={{ page }}">{{ page }}</a></li>
                {% else %}
                    <li><a href="?page={{ page }}">{{ page }}</a></li>
                {% endif %}
            {% endfor %}

{#              下一页#}
        {% if current_page.has_next %}
            <li>
                <a class="ends" href="?page={{ current_page.next_page_number }}" aria-label="Next">
                    <span aria-hidden="true">下一页</span>
                </a>
            </li>
        {% else %}
{#            如果没有下一页了，就把标签禁止，且没有连接#}
            <li class="disabled">
                <a class="ends" href="" aria-label="Next">
                    <span aria-hidden="true">下一页</span>
                </a>
            </li>
        {% endif %}

  </ul>
</nav>
            </div>
        </div>
    </div>
{% endblock %}
{#尾部#}
<div class="footer">Copyright © 2018 boke by 游小刀</div>
{#回到顶部#}
<a id="back-to-top" title="返回顶部" href="#top">TOP</a>
</body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="/static/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/js/session.js"></script>
<script src="/static/blog/js/home_base.js"></script>
</html>
